import weCropper from '../we-cropper/we-cropper.js'

const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 50
// const config = require("../../../config.js") //wx.js为您下载的源码文件
// const imgPath = config.imgPath;

Page
({
    data: 
    {
        cropperOpt: 
        {
            id: 'cropper',
            targetId: 'targetCropper',
            pixelRatio: device.pixelRatio,
            width,
            height,
            scale: 2.5,
            zoom: 8,
            cut: 
            {
                x: (width - 300) / 2,
                y: (height - 300) / 2,
                width: 300,
                height: 300
            },
            page: ''
        },
        imgType: ''             // 0 :单图 1: 多图 
    },

    onLoad(options) 
    {
        let self = this,
            cropperOpt = this.data.cropperOpt,
            src = options.src;

        self.data.imgType = options.imgType;        // 获取图片上传方式 单图

        //获取上个页面传回来的图片路径
        if (src) 
        {
            Object.assign(cropperOpt, 
            {
                src
            })
        }
        
        this.cropper = new weCropper(cropperOpt)
            .on('ready', function(ctx) {})
            .on('beforeImageLoad', (ctx) => 
            {
                wx.showToast
                ({
                    title: '上传中',
                    icon: 'loading',
                    duration: 3000
                })
            })
            .on('imageLoad', (ctx) => 
            {
                wx.hideToast()
            })
        //设置修改边界颜色
        //   self.setBoundStyle({ 'color': '#f00'})
    },

    getCropperImage() 
    {
        let self = this;

        this.wecropper.getCropperImage((avatar) => 
        {
            if (avatar) 
            {
                let pages = getCurrentPages(),
                    prevPage = pages[pages.length - 2], //上一页
                    itemImg = {};

                //情况1.从上一页面传来的图片裁剪完成之后，直接返回上页
                let hasSelectImage=wx.getStorageSync('hasSelectImage');
                if(hasSelectImage) {
                    //移除上一页面传来的标记
                    wx.removeStorageSync('hasSelectImage');
                    //*****重点：调用上页的方法，把数据回传
                    prevPage.uploadImg(avatar);
                    wx.navigateBack
                    ({
                        delta: 1
                    })                    
                    return;
                }

                itemImg['url'] = avatar;

                //预览图片
                wx.previewImage({
                    current: '',
                    urls: [avatar]
                })

                //进行图片上传，返回上一页面
                // wx.uploadFile
                // ({
                //     url: imgPath + '/main/api/uploadImgwxApp',
                //     filePath: avatar,
                //     name: 'file',
                //     header: 
                //     {
                //         "Content-Type": "multipart/form-data"
                //     },
                //     formData: 
                //     {
                //         subFolder: 'returnorder'
                //     },
                //     success: (res)=>
                //     {
                //         var data = JSON.parse(res.data);
                //         if (data.code == 1) 
                //         {
                //             // 单图
                //             if (self.data.imgType == '0') 
                //             {
                //                 let imgPath = data.content.filePath,
                //                     imgUrl = data.content.fileUrl;

                //                 prevPage.uploadImg(imgPath, imgUrl);

                //                 wx.navigateBack
                //                 ({
                //                     delta: 1
                //                 })
                //             } 
                //             // 多图
                //             else 
                //             {
                //                 prevPage.data.imgList.push(data.content.filePath);
                //                 prevPage.data.showImages.push(data.content.fileUrl);

                //                 prevPage.setData
                //                 ({
                //                     imgList: prevPage.data.imgList,
                //                     showImages: prevPage.data.showImages
                //                 })
                //                 wx.navigateBack
                //                 ({
                //                     delta: 1
                //                 })
                //             }

                //         } 
                //         else if (data.code == 0 || data.status == 404) 
                //         {
                //             wx.showToast
                //             ({
                //                 title: data.message,
                //                 icon: 'none'
                //             })
                //         }
                //     }
                // })
            } 
            else 
            {
                wx.showToast
                ({
                    title: '获取图片失败，请稍后重试',
                    icon: 'none'
                })
            }
        })
    },

    uploadTap() 
    {
        const self = this;

        wx.chooseImage
        ({
            count: 1,                           // 默认9
            sizeType: ['compressed'],           // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'],    // 可以指定来源是相册还是相机，默认二者都有
            success(res) 
            {
                let src = res.tempFilePaths[0]; //  获取裁剪图片资源后，给data添加src属性及其值
                
                self.wecropper.pushOrign(src);
            }
        })
    },

    touchStart(e) 
    {
        this.wecropper.touchStart(e)
    },

    touchMove(e) 
    {
        this.wecropper.touchMove(e)
    },

    touchEnd(e) 
    {
        this.wecropper.touchEnd(e)
    }
})